* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

body {
  font-size: var(--base-font-size);
}
a,
body {
  color: #000;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.g-form-checkbox, .g-form-checkbox *, .g-form-switch {
  display: inline-block;
  vertical-align: middle;
}
.g-btn, .g-input, .g-select, .g-textarea, .g-upload-button {
  outline: 0;
  -webkit-appearance: none;
  transition: all .3s;
  /* -webkit-transition: all .3s; */
  box-sizing: border-box;
}

.flex{
  display: flex
}
.flex.between{
  justify-content: space-between
}
.flex.around{
  justify-content: space-around
}
.flex.start{
  justify-content:flex-start
}
.flex.end{
  justify-content:flex-end
}
.flex.center{
  justify-content:center
}
.items-center{
  align-items: center
}

.g-btn {
  vertical-align: middle;
}


.g-btn-group,
.g-edge {
  display: inline-block;
}

.g-unselect,.g-unselect *{
  user-select: none;
}
.g-show {
  display: block!important;
}

.g-border-box,
.g-border-box * {
  box-sizing: border-box;
}
.g-border, .g-colla-content, .g-colla-item, .g-collapse, .g-form-pane .g-form-item[pane], .g-form-pane .g-form-label, .g-iconpicker, .g-iconpicker-main, .g-input-split, .g-layedit, .g-layedit-tool, .g-quote-nm, .g-tab-bar, .g-tab-card, .g-tab-title, .g-tab-title .g-this:after{
  border-color: var(--base-color-3);
}
.g-anim {
  -webkit-animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

.g-anim.g-icon {
  display: inline-block;
}

.g-anim-loop {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes g-rotate {
  from {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes g-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.g-anim-rotate {
  -webkit-animation-name: g-rotate;
  animation-name: g-rotate;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}



@-webkit-keyframes g-upbit {
  from {
    -webkit-transform: translate3d(0, 15px, 0);
    opacity: 0.3;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes g-upbit {
  from {
    transform: translate3d(0, 15px, 0);
    opacity: 0.3;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.g-anim-upbit {
  -webkit-animation-name: g-upbit;
  animation-name: g-upbit;
}


@-webkit-keyframes g-up {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0.3;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes g-up {
  from {
    transform: translate3d(0, 100%, 0);
    opacity: 0.3;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.g-anim-up {
  -webkit-animation-name: g-up;
  animation-name: g-up;
}

@-webkit-keyframes g-upbit {
  from {
    -webkit-transform: translate3d(0, 15px, 0);
    opacity: 0.3;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes g-upbit {
  from {
    transform: translate3d(0, 15px, 0);
    opacity: 0.3;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.g-anim-upbit {
  -webkit-animation-name: g-upbit;
  animation-name: g-upbit;
}

@keyframes g-down {
  0% {
    opacity: 0.3;
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.g-anim-down {
  animation-name: g-down;
}

@keyframes g-downbit {
  0% {
    opacity: 0.3;
    transform: translate3d(0, -5px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.g-anim-downbit {
  animation-name: g-downbit;
}

@-webkit-keyframes g-scale {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes g-scale {
  0% {
    opacity: 0.3;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.g-anim-scale {
  -webkit-animation-name: g-scale;
  animation-name: g-scale;
}

@-webkit-keyframes g-scale-spring {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.5);
  }

  80% {
    opacity: 0.8;
    -webkit-transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes g-scale-spring {
  0% {
    opacity: 0.5;
    transform: scale(0.5);
  }

  80% {
    opacity: 0.8;
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.g-anim-scaleSpring {
  -webkit-animation-name: g-scale-spring;
  animation-name: g-scale-spring;
}

@keyframes g-scalesmall {
  0% {
    opacity: 0.3;
    transform: scale(1.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.g-anim-scalesmall {
  animation-name: g-scalesmall;
}

@keyframes g-scalesmall-spring {
  0% {
    opacity: 0.3;
    transform: scale(1.5);
  }

  80% {
    opacity: 0.8;
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.g-anim-scalesmall-spring {
  animation-name: g-scalesmall-spring;
}

@-webkit-keyframes g-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes g-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.g-anim-fadein {
  -webkit-animation-name: g-fadein;
  animation-name: g-fadein;
}

@-webkit-keyframes g-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes g-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.g-anim-fadeout {
  -webkit-animation-name: g-fadeout;
  animation-name: g-fadeout;
}

/* 超出隐藏 */
.t-e{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.t-e2{
  line-height:25px;
  height: 50px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 文本 */

.text-default{
  color: var(--base-default) !important;
}
.text-blue {
  color: var(--base-blue) !important;
}
.text-green {
  color: var(--base-green) !important;
}
.text-grey {
  color: var(--base-grey) !important;
}
.text-yellow {
  color:var(--base-yellow) !important;
}
.text-red {
  color:var(--base-red) !important;
}
.text-indigo {
  color:var(--indigo) !important;
}
.text-purple {
  color:var(--base-purple) !important;
}
.text-pink {
  color:var(--base-pink) !important;
}
.text-orange {
  color:var(--base-orange) !important;
}
.text-teal {
  color:var(--base-teal) !important;
}
.text-cyan {
  color:var(--base-cyan) !important;
}
.text-black {
  color:var(--base-black) !important;
}

/* 背景 */

.bg-default{
  background-color: var(--base-default) !important;
}
.bg-blue {
  background-color: var(--base-blue) !important;
}
.bg-green {
  background-color: var(--base-green) !important;
}
.bg-grey {
  color: #000 !important;
  background-color: #f0f0f0 !important;
}
.bg-yellow {
  background-color:var(--base-yellow) !important;
}
.bg-red {
  background-color:var(--base-red) !important;
}
.bg-indigo {
  background-color:var(--indigo) !important;
}
.bg-purple {
  background-color:var(--base-purple) !important;
}
.bg-pink {
  background-color:var(--base-pink) !important;
}
.bg-orange {
  background-color:var(--base-orange) !important;
}
.bg-teal {
  background-color:var(--base-teal) !important;
}
.bg-cyan {
  background-color:var(--base-cyan) !important;
}
.bg-black {
  background-color:var(--base-black) !important;
}
